<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/30
  Time: 21:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<html>
<head>
    <meta charset="utf-8">
    <title>订单提交页面</title>
    <script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
    <style>
        .trim{
            width: 1300px;
            margin-left: 350px;
            height: 3px;
            background-color: #E66F23;
        }
        .detail{
            width: 1300px;
            margin-top: 10px;
            margin-left: 350px;
            height: 25px;
            text-align: left;
            font-size: 13px;
            line-height: 25px;
        }
        .mycart{
            width: 1300px;
            height: 80px;
            /* border: 1px solid black; */
            margin-left: 350px;
            margin-top: 10px ;
            background-color: #F7F5F6;
        }
        .mycart td[class="mycart-1"]{
            width: 320px;
        }
        .mycart td[class="mycart-2"]{
            width: 300px;
            padding-left: 100px;
            color: white;
        }
        .mycart td[class="mycart-3"]{
            width: 280px;
            padding-left: 100px;
            color: white;
        }
        .mycart td[class="mycart-4"]{
            width: 300px;
            padding-left: 100px;
            color: white;
        }
        .mycart-1{
            height: 90px;
            float: left;
        }
        .mycart-2,.mycart-3,.mycart-4{
            background-image: url(${pageContext.request.contextPath}/img/licurrent_bg.gif) ;
            background-repeat: no-repeat;
            background-position: center;
        }
        .mycart-3{
            color: red;
        }
        .submit-centent{
            width: 1300px;
            height: 650px;
            margin-top: 10px;
            margin-left: 350px;
            margin-bottom: 10px;
            box-sizing: border-box;
            border: 1px solid #848484;
        }
        .submit-centent1 tr{
            width: 1300px;
            height: 55px;
        }
        .submit-centent1{
            margin-top: 0px;
            height: 55px;
            background-color: #F5F5F5;
            line-height: 55px;
            margin-left: 60px;
        }
        .submit-centent1 tr{
            width: 1300px;
            height: 110px;
            margin-top: 40px;
        }
        .submit-centent2>img{
            height: 70px;
        }
        .submit-centent2{
            margin-top: 40px;
            height: 70px;
            margin-left: 100px;
        }
        .submit-centent3{
            width: 1100px;
            height: 30px;
            margin-left: 100px;
            margin-top: 20px;
            border-bottom: 3px solid darkorange;
            padding-left: 10px;
            font-size: 14px;
            line-height: 30px;
        }
        .submit-centent4,.submit-centent5,.submit-centent6{
            width: 1000px;
            height: 120px;
            margin-left: 150px;
            margin-top: 10px;
        }
        .submit-centent4{
            height: 30px;
            font-size: 14px;
            line-height: 30px;
        }
        .submit-centent5{
            border: 1px solid darkorange;
            box-sizing: border-box;
        }
        .submit-centent5>tr{
            height: 40px;
        }
        .submit-centent5-1,.submit-centent5-2{
            background-color: #fef3d7;
            height: 40px;
            line-height: 40px;
            padding-left: 30px;
            box-sizing: border-box;
        }
        .submit-text{
            color: #94241A;
        }
        .submit-centent6-1{
            border: 1px solid orange;
            width: 240px;
            height: 70px;
            margin-left: 530px;
            text-align: center;
            line-height: 70px;
            color: white;
            background-color: #d34708;
            border-radius: 10px;
            font-size: 25px;
        }
        .submit-centent6-1 a{
            color: white;
            text-decoration: none;
        }
    </style>
    <script>
function payment() {
    location.href="${pageContext.request.contextPath}/order/submit"
        // alert($("#massage").innerHTML);
}
    </script>
</head>
<body>
<%--商城抬头--%>
<%@include file="headtop.jsp"%>


<div class="trim"></div>

<div class="detail">
    您当前的位置:&nbsp;
    <a href="#">首页</a>
    &rsaquo;&rsaquo;成功提交订单
</div>

<table class="mycart">
    <tr>
        <td>
            <img class="mycart-1" src="${pageContext.request.contextPath}/img/cart_logo.jpg" />
        </td>
        <td class="mycart-2">1、查看购物车</td>
        <td class="mycart-3">2、填写核对订单信息</td>
        <td class="mycart-4">3、成功提交订单</td>
        <td></td>
    </tr>
</table>

<table class="submit-centent">
    <tr class="submit-centent1">
        <td>
            <div class="submit-centent1">成功提交订单</div>
        </td>
    </tr>
    <tr class="submit-centent2">
        <td>
            <div class="submit-centent2">
                <img  src="${pageContext.request.contextPath}/img/right.png"/>
            </div>
            <div class="submit-centent3">
                订单已提交
            </div>
        </td>
    </tr>
    <tr class="submit-centent4">
        <td>
            <div class="submit-centent4">
                订单信息
            </div>
        </td>
    </tr>
    <tr class="submit-centent5">
        <td>
            <table class="submit-centent5">
                <tr class="submit-centent5-3">
                    <td>
                        <div class="submit-centent5-1">
                            订单编号:
                            <font class="submit-text">${payInfor.orderNumber}</font>
                        </div>
                    </td>
                </tr>
                <tr class="submit-centent5-3">
                    <td>
                        <div class="submit-centent5-2">
                            订单金额:
                            <font class="submit-text">￥${payInfor.totalPrice}</font>
                        </div>
                    </td>
                </tr>
                <tr class="submit-centent5-3">
                    <td>
                        <div class="submit-centent5-2">
                            支付方式:
                            <font class="submit-text">${payInfor.name}</font>
                        </div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr class="submit-centent6">
        <td>
            <div class="submit-centent6-1"><span id="massage" style="display: none">${payInfor.massage}</span>
                <a href="javascript:void(0)" onclick="payment()" >
                    立即支付
                </a>
            </div>
        </td>
    </tr>
</table>
<!-- 底栏属性 -->
<%@include file="helpinfo.jsp"%>
<!-- 尾栏 -->
<%@include file="footer.jsp"%>
</body>
<script>
    function payment() {

    }
</script>
</html>

